import { usePermission } from '@/utils/usePermission' // 引入你的权限检查函数

const isPermission = (app) => {
  app.directive('permission', {
    mounted(el, binding, vnode) {
      // 获取传递给指令的权限字符串
      const { value } = binding

      // 检查用户是否有该权限
      if (!usePermission(value)) {
        // 如果没有权限，移除该元素
        el.parentNode && el.parentNode.removeChild(el)
      }
    },
    updated(el, binding, vnode) {
      // 在组件更新时重新检查权限
      const { value } = binding
      if (!usePermission(value)) {
        el.parentNode && el.parentNode.removeChild(el)
      }
    }
  })
}

export default isPermission
